body {font:14px "宋体",Tahoma,Verdana,STHeiTi,simsun,sans-serif;
  background:#3B627E;
  background:#B2D1E5;
  background: #D9E0E6; 
  height:100%;margin:0;
}
html.hasFontSmoothing-false body {
  font-family: Tahoma,Arial,Helvetica,STHeiti;
}
img { border:0; }
a {
  text-decoration:none;
  color:#22a;
}

a:hover {
  text-decoration:underline;
  color:#f33;
}

.page-nav {
  margin:2px 0 8px;
}
.page-nav a {
  background: none repeat scroll 0 0 #999999;
  color: #FFFFFF;
  margin: 0 1px;
  padding: 2px 6px;
  text-decoration: none;
  font-size:14px;
}
.page-nav a.current {
  background-color: transparent;
  padding: 2px 2px;
  color:black;
}
img.logo-left {
  margin-left:18px;float:left;width:8%;height:100%;
}
img.logo-right {
 margin-right:18px;float:right;width:8%;height:100%;
}
div.container {
  width : 960px;
  margin : 0px auto;
  height:100%;
}

div.header {
width:100%; height:70px;
padding:6px 0 6px;
margin:0 auto;
background:#F2F8FC;
background: url(/img/bg-header.png) repeat scroll 0 0 #183D5C;
}
span.header-title {
  font:36px "隶书", Tahoma,Verdana,STHeiTi,simsun,sans-serif;
  margin-left:8px;
  line-height:34px
  font-weight:bold;
}

div.footer { text-align:center;clear:both; width:70%; height:30px;padding:10px 0px 0px 0px; }

div.main { padding:0 6px; height:auto; }

div.content {
  float : left;
  margin-left : 0px;
  width : 71%;
  min-height : 400px;
}
div.article_body { 
  margin-bottom:12px;
  padding:4px 11px; 
  background-color:white;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
  line-height:159%;
}
div.articles {
  float: left;
  width: 97%;
  clear:left;
  padding:1px 0 2px;
}
h3.article-title {
  margin:3px 0px; 
  padding:0px 3px;
  font-weight:bold;line-height:28px;
  font-size:20px;
}
li.article-title {
  margin:3px 0px; 
  padding:0px 3px;
  font-weight:bold;
  line-height:24px;
  font-size:14px;
  list-style:none;
}
li.article-title .meta {
  font-weight:normal;
  color:#5e5e5e;
  font-size:86%;
}
li.article-title .meta a {
  color:#5e5e5e;
}

p.article-digest {
  margin:6px 3px 15px 3px;
  font-size:100%;
  line-height:24px;
}
span.article-meta {
  font-size:88%;
}

div.seperator {
  float : right;
  clear:none;
  width:1px;
  background-color:#ded;
  margin:10px 0px;
  padding:0;
  min-height:400px;  
  opacity : .7;
}

div.sources {
  float : right;
  clear:right;
  margin : 9px 0px 0px 4px;
  border: 1px solid #cdc;
  width : 27%;
  padding:10px;
  background-color:white;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

div.related-title, div.bar-title {
  margin:0;padding:0 0 0 2px;
  font-size:17px;
  font-weight:bold;
  letter-spacing:3px;
  line-height:28px;
}
div.bar-title a.more {
  margin-left: 8px;
  color: #E22;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
}
ul.related-list, .sources ul {
  /*list-style-type : none;*/
  list-style: circle outside none;
  padding : 4px;
  margin:2px 4px;
  padding-left:16px;
}
#category-menu {
  margin:0 auto;width:960px;
  font-size:18px;
}
#category-menu ul {
  margin:4px 0 0;
  padding:0;
  height:28px;
}
#category-menu li{
  float:left;
  margin:0 4px;
  padding:0 4px;
  height:28px;
  line-height:28px;
  list-style:none;
}

#category-menu a  {
  color: #eee;
}

#category-menu li.right{
 font-size:12px;
 font-weight:normal;
 float:right;
 margin-top:3px;
 margin-right:0px;
}

.logo {
  float:left;
}
.logo img {
  margin:2px 0 0 6px;
  border:none;
}

.search-box {
  float:right;
  margin:10px 2px 0 0;
  border: 1px solid #15354F;
  zoom: 1;
  *display: inline;
}

.search-box .search-word {
  float:left;
  padding: 3px 30px 3px 9px;
  margin:0;
  border: 1px solid #3387D1;
  color: #2C2420;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  outline: medium none;
  width: 149px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
}

.search-box .search-word.inactive {
  color:#d2d2d2;
}


.search-box .search-btn {
    background : url("/img/nav-icons.png") no-repeat scroll -9px -497px #F6F4ED;
    text-indent: -9999em;
    float:left;
    width:26px;
    height:24px;
    vertical-align: baseline;
    margin: 1px 2px 0 -26px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;

    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    border-radius: 0 5px 5px 0;

    color: #606060;
    border: 0;
    border-left: solid 1px #B7B7B7;
}

.search-btn:hover {
  text-decoration: none;
}

#back-top {
  position: fixed;
  bottom: 20px;
  margin-left: 876px;
  display:none;
}

#back-top a {
	width: 31px;
	display: block;
	text-align: center;
	font: 13px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 31px;
	height: 32px;
	display: block;
	margin-bottom: 7px;
	background: #A8A8A8 url(/img/up-arrow-small.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #666;
}

.rankicon {
  cursor: pointer;cursor: hand;float:left;clear:none;
  background: url(/img/rank-star.gif) no-repeat 1px 0px;
  height:13px;width:0px;margin:0;padding:0 0 0 15px;line-height: 20px;vertical-align: middle;margin:2px 0;
  border:1px solid #F6F9F7;
  opacity:0.2;
  filter:alpha(opacity=20);
}
.rankicon:hover {
  border:1px solid green;
}
div #right-bar {
  margin:8px 0px;height:16px;line-height:18px;font-size:12px;text-align:left;
  width:12%;float:right;margin:14px 6px;
  text-align:right;
}
div.rank-desc {
  float:left;
  margin-right:5px;
}
div.source-desc {
  font-weight:bold;
  clear:both;
  margin:3px auto 12px;
  color:#777;
  font-size:12px;
}
div.neighbors-nav {
  margin:8px 6px;height:10px;font-size:12px;
  clear:both;
}

div.neighbor-prev {
  float:left;
}

div.neighbor-next {
 float:right;position:relative;
}

div.article-title-bar {
  clear:both;height:36px;background-color:#F6F9F7;
  margin-bottom:8px; padding:2px 8px 8px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
}
div.article-title-body {
  margin:0;float:left;
}
h2.article-title-text {
  margin:2px 0;line-height:38px;font-weight:bold;
}

div.main-related {
  float:right;
  clear:right;
  border: 1px solid #CDC;
  float: right;
  margin: 0 0 0 4px;
  width:24%;

  margin-bottom:8px; padding:8px; background-color:white;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
}
ul.related-list{
  padding: 2px 8px;
}
li.related-item {
  list-style:circle;margin-left:10px;margin-bottom: 4px;
  line-height:150%;
}
div.content img {
  visibility:hidden;
}

li#old-home-entrance a {
  color: #e9e9e9;
  text-decoration:underline;
}
li#old-home-entrance a:hover {
  color: #fff;
}

li#old-home-entrance {
 font-size:12px;font-weight:normal;float:right;margin-right:0px;
}
.tooltip {
    background: url("/img/tooltip.png") no-repeat left top transparent;
    color: #FFFFFF;
    display: block;
    position: relative; 
    line-height:18px;
    right: -49px;
    top: -46px;
    text-align: center;
    height: 28px;
    width: 26px;
    z-index: 999;
}

#sns-share-bar {
  float:left;clear:both;margin:6px 0 16px 6px;
}
a.sns-share {
  cursor: pointer;
  float: left;
  height: 16px;
  margin: 0 1px 0 6px;
  overflow: hidden;
  width: 16px;
  background: url("/img/sns-share.png") no-repeat scroll 9999px 9999px transparent;
}
#renren-share {
  background-position: 0 -56px;
}
#douban-share {
  background-position: 0 -143px;
}
#sina-t-share {
  background-position: 0 -249px;
}
#qq-t-share {
  background-position: 0 -342px;
}

div.comment_item {
  border-top:1px dotted #AEBACD;
}
p.comment_meta {
  font-size:12px;color:#777;margin:6px 2px;
}

p.comment_meta span.sender {
 float:left;
}

p.comment_meta span.time {
 float:right;
}
p.comment_content {
  margin:30px 6px 2px 2px;padding:0;
}


